<template>
  <div class="flow_handle">
    <div class="form_title" id="handlePoin">流处理</div>
    <div>
      <el-checkbox v-model="streamHandlerChecked">流处理程序</el-checkbox>
    </div>
    <div class="flow_content" v-if="streamHandlerChecked">
      <FlowHandle
        @updateList="updateList"
        ref="flowHandleRef"
        @handAdd="handAdd"
        :list="streamHandlerList"
        @handOpenItem="handOpenItem"
        @handInput="handInput"
        @submit="submit"
        @handItemAdd="handItemAdd"
        @handItemDel="handItemDel"
        @changeType="changeType"
        :objKey="objKey"
        :typeList="typeList"
        @handDel="handDel"
        @changeRadio="changeRadio"
      ></FlowHandle>
    </div>
  </div>
</template>

<script>
import FlowHandle from "@/components/FlowHandleList/index";
import { myMixin } from "@/mixin/flowHandle";
export default {
  mixins: [myMixin],
  components: { FlowHandle },
};
</script>

<style scoped lang='scss'>
.flow_handle {
  width: 100%;
  .flow_content {
    padding-top: 10px;
    margin-top: 10px;
    background: rgba(233, 233, 233, 0.3);
  }
}
</style>